<template>
  <div>
    <el-table :data="bannerArr">
      <el-table-column align="center" type="index" label="编号" width="100px"/>

      <el-table-column align="center"  label="轮播图" >
        <template slot-scope="scope">
          <img :src="scope.row.imgUrl" width="200px"/>
        </template>
      </el-table-column>

      <el-table-column align="center" prop="createTime" label="发布时间" />

      <el-table-column label="操作">
        <template slot-scope="scope" >
          <el-button type="danger" size="small" @click="handleClick(scope.row)">删除</el-button>
        </template>
      </el-table-column>
    </el-table>
  </div>
</template>

<script>
export default {
  data() {
    return {
      bannerArr:[
        {
          id:'',
          imgUrl:'/imgs/banner1.jpg',
          createTime:'2024/8/14'
        },
        {
          id:'',
          imgUrl:'/imgs/banner2.jpg',
          createTime:'2024/8/14'
        },
        {
          id:'',
          imgUrl:'/imgs/banner3.jpg',
          createTime:'2024/8/14'
        },
      ]
    }
  },
}
</script>

<style scoped>

</style>
